 

#wrapper {
  padding:25px 2.5% 0; 
  border-top:1px solid #bdbfdb;
  /*background:#fff url(img/exp-bg-body.png) repeat-x 0 1px;*/
  text-align:left
}
#content {max-width:70em; width:100%; margin:0 auto; padding-bottom:20px; overflow:hidden}

#footer {
  clear:both;
  position:relative;
  min-height:50px;
  padding:.5em 2.5%;
  border-top:1px solid #dbd9ef;
  background:#fff url(img/exp-bg-body.png) repeat-x 0 0;
  text-align:left
  }
#adhead {position:absolute; top:2px; right:2px; width:468px; height:60px; z-index:1}
/* --- Headings --- 
------------------------------ */
h1 {
  color:#e52d4e;
  font-size:1em;
  font-weight:700;
  left:-9000px;
  position:absolute;
  top:-9000px;
  margin:5px 3px -10px;
}
h2, h3, h4 {margin-bottom:1em}
			
h2, h3 {
  margin-bottom:1em;
  padding:3px 10px;
  background:#fff url(img/exp-bg-body.png) repeat-x 0 -3px;
  font-size:1em;
  font-weight:700;
}
#content h2 { 
  clear:both;
  margin:5px 0 15px;
  padding:0 2px;
  background:transparent none;
  font-family:georgia,'times new roman',times,serif;
  font-size:2.5em;
  font-weight:normal;
  font-style:normal;
  line-height:1.3em;
  letter-spacing:-0.01em;
}
h4{font-weight:700}
/* --- --- */
em {font:normal 110% 'Trebuchet MS',Helvetica,Arial,sans-serif; color:#4f4d5f}

em.num, em.n {
  position:absolute;
  top:-0.6em;
  left:-0.9em;
  padding:0 5px;
  border:1px solid #e2e2e9;
  border-color:#fff #e2e2e9 #e2e2e9 #fff;
  background:#fff none;
  font-family:georgia,'times new roman',times,serif;
  font-size:160%;
}
em.n {
  top:-.2em;
  left:-1px;
  display:block;
  width:1em;
  padding:0;
  text-align:center
}
em.ud{font-family:georgia,'times new roman',times,serif; font-size:160%}

#content h2, h4, em.num, em.n, em.ud {color:#ff5900}

code, .code {
  padding:0 .2em;
  border:1px solid #d6d6fe;
  border-radius:3px;
  background-color:#f7f7f7;
  color:#4f4d5f;
  font-family:monaco,"courier new",consolas,courier,arial,helvetica,sans-serif;
  font-style:normal;
}
.scr {
  margin-bottom:1.5em;
  font-size:1.1em;
  font-variant:small-caps;
  font-weight:bold;
}
/* --- Links --- 
------------------------------ */
a {padding:1px; border:1px dotted #ccccd3; border-width:0 0 1px}

a:link, a:visited {color:#325a8b; text-decoration:none}

a:hover, a:focus, a:active {border-style:solid; border-color:#b6b8d3; background-color:#f1f1f1; color:#2b2b2f; text-decoration:none}

#header a:link, #header a:visited {font-size:1.1em; padding:3px 5px; border-color:#000; border-width:1px; background-color:#000; color:#ddddeb}

#header a:hover, #header a:focus, #header a:active {border-color:#ff8a00; background-color:#ff5900; color:#fff; text-decoration:none}

li.selected {color:#ff5900}

li.selected span {color:#333}

.nav li {display:inline; position:relative; margin-right:0; padding-left:4px; border-left:1px solid #ff5900; font-weight:700; font-variant:small-caps; z-index:2}

.nav li span{font-variant:normal}

.nav li.first {padding-left:0; border-left:0 none;}

#footer a:link, #footer a:visited {font-size:1.15em; border:2px solid #e2e0ef; background-color:#f5f5f5}

#footer a:hover, #footer a:focus, #footer a:active {border-color:#d2ceef; background-color:#fff}

ul.off {position: absolute; top:-9999px; left:-9999px}

ul.off a:focus, ul.off a:active {
  position:absolute;
  top:9999px;
  left:9999px;
  margin:3.4em .3em;
  padding:3px 5px;
  border:1px solid #f00;
  background:#ff8a00; 
  color:#fff;
  font-weight:700;
  white-space:nowrap;
  z-index:20
}
/* --- Common ---
------------------------------ */
p {margin-bottom:1em;}
			
ul, ol {margin:0; padding:0.5em 30px}
       
li {list-style-position:outside}

ul li {list-style-type:none}

ol {list-style-image: none; list-style-type: decimal}

ol li {list-style-type:decimal; margin-bottom:0.5em}

dt {padding:0.3em 0 0.3em 30px; background:#fff url(img/exp-bg-body.png) repeat-x 0 -3px; font-weight:700}

dd {margin:0.5em 0 0.5em 30px}

dd ul {margin:1em 0; padding:0 0 0 20px; border-left:3px solid #d6d6fe}

dd li {margin-bottom:0.3em; background:#f4f4f4}

dd li:hover {background:#e7e7ec}

dd ul em {display:block; margin-left:20px; font-family:"Helvetica",Arial,sans-serif;}

abbr, acronym, span.abbr {border-bottom:1px dashed #999; cursor:help}

.clear {clear:both}

.left {float:left}

.right {float: right}

.center {text-align:center}

.u{text-decoration:underline}

.strong {font-weight:700}

.hidden {display: none}

hr{visibility:hidden; height:0; border-width:0}  
/* --- --- */
.demo {
  margin:15px 0;
  padding:1em;
  border:1px solid #cac9d0;
  border-color:#cac9d0 #e2dfff #e2dfff #cac9d0;
  background:#fff
}
.text {padding-top:1.5em; width:100%}

.main {margin:2px 0 1em; padding:1em 10px; border:2px solid #e2e0ef; background:#fff url(img/exp-bg-body.png) repeat-x 0 -2px; overflow:hidden; /*outline:2px solid #e2e0ef*/}

.main ul, .main ol {padding-left:0; padding-right:0}

.demo ol {padding-left:10px}

#moredemos {clear:both; overflow:hidden}

#moredemos ol {float:left; width:45%; padding-left:10px}

#adbottom {float:right; width:300px; height:250px; margin-bottom:1em}

.main li, #moredemos li {margin-left:2.3em; list-style-type:decimal-leading-zero}

.don p {margin:0 0 0 5px}

.wide {margin-left:0}

#switch, .switch {}

.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}
